        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>堆糖</title>
            <link rel="stylesheet" href="css/style.css">
            <meta name="viewport"
                  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
            <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        </head>
        <body>
        <!--头部-->
        <header>
            <nav class="navbar navbar-expand-lg navbar-light ">
            <div class="container">
                <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#"><button class="btn1">分类<img src="img/jiantou.png" /></button><span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#"></a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link ">
                                <div class="input-group flex-nowrap input1">
                                    <input type="text" class="form-control" placeholder="搜索感兴趣的内容" aria-label="Username" aria-describedby="addon-wrapping">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="addon-wrapping"><img src="img/sousuo.png" alt=""></span>
                                    </div>
                                </div>
                            </a>

                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <button class="btn  btn-outline-light my-2 my-sm-0 mr-5" type="submit">堆糖生活家</button>
                        <button class="btn btn-outline-light my-2 my-sm-0" type="submit">注册/登录</button>
                    </form>
                </div>
            </div>
            </nav>
        </header>
        <!--中间-->
        <section class="mb-5">
            <!--中间第一部分-->
            <div class="nvsheng mb-4 mt-4">
                <div class="container">
                    <img src="img/tu1.jpg" alt="">
                </div>
            </div>
            <!--中间第二部分-->
            <div class="shehui mb-4">
               <div class="container">
                  <div class="row no-gutters">
                      <div class="col-md-9 col-12">
                          <div class="lunbo">
                              <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                                  <ol class="carousel-indicators">
                                      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                                  </ol>
                                  <div class="carousel-inner">
                                      <div class="carousel-item active">
                                          <img src="img/banner.png" class="d-block w-100" alt="...">
                                      </div>
                                      <div class="carousel-item">
                                          <img src="img/banner.png" class="d-block w-100" alt="...">
                                      </div>
                                      <div class="carousel-item">
                                          <img src="img/banner.png" class="d-block w-100" alt="...">
                                      </div>
                                  </div>
                                  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                      <span class="sr-only">Previous</span>
                                  </a>
                                  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                      <span class="sr-only">Next</span>
                                  </a>
                              </div>
                          </div>
                      </div>
                      <div class="col-md-3 col-12">
                          <div class="rd">
                              <div class="rd-1">
                                  <div class="sq">
                                      <h4>社会热点</h4>
                                  </div>
                                  <div class="list mb-3">
                                      <div class="list-1">
                                          <a href="">欧美风</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">美甲</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">东宫</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">张云雷</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">插画</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">女生节</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">阿丽塔</a>
                                      </div>
                                      <div class="list-1">
                                          <a href="">猫</a>
                                      </div>
                                  </div>
                                  <div class="jx mb-3">
                                    <div class="zm">
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">精选</span>
                                            </div>
                                            <input type="text" class="form-control" placeholder="招募·少女感养成....." aria-label="Username" aria-describedby="basic-addon1">
                                        </div>
                                    </div>
                                      <div class="dt">
                                          <div class="input-group mb-2">
                                              <div class="input-group-prepend">
                                                  <span class="input-group-text" id="basic-addon1">工具</span>
                                              </div>
                                              <input type="text" class="form-control" placeholder="堆糖收图小助手" aria-label="Username" aria-describedby="basic-addon1">
                                          </div>
                                      </div>
                                  </div>
                                  <div class="liji">
                                      <div class="img-1">
                                          <div class="img-1">
                                              <img src="img/liji.png" alt="">
                                          </div>
                                          <div class="mh">
                                            <p>
                                                堆糖-美好生活研究所
                                            </p>
                                              <p>
                                                  最佳生活类应用
                                              </p>
                                              <a href="">立即下载</a>
                                          </div>
                                     </div>
                              </div>
                          </div>
                      </div>
                  </div>
               </div>
            </div>
            <!--中间第三部分-->
            <div class="lb">
               <div class="container">
                   <div class="row">
                          <div class="col-md-9 col-12">
                              <div class="left">
                                  <div class="list-2">
                                     <button><img src="img/fense.png" alt="">每日精选</button>
                                      <button>关注动态</button>
                                  </div>
                                  <div class="wz mb-4">
                                      <!--第一部分-->
                                      <div class="nr mb-4">
                                          <div class="nr-1">
                                                <div class="tw">
                                                     <div class="left-1">
                                                         <img src="img/xiaotubiao.png" alt="">
                                                     </div>
                                                     <div class="right">
                                                         <p>堆糖小喇叭</p>
                                                         <span>热门内容</span>
                                                     </div>
                                                </div>
                                              <div class="py">
                                                  <p class="p1">
                                                      留下壁纸，我们就是朋友!
                                                  </p>
                                                  <a href=""><img src="img/pengyou.png" alt=""></a>
                                              </div>
                                            </div>
                                          <div class="gd">
                                              <div class="row">
                                                  <div class="col-md-4  col-4 x">
                                                      <img src="img/44.png" alt="">
                                                      <a href="">140</a>
                                                  </div>
                                                  <div class="col-md-4  col-4 x">
                                                      <img src="img/43.png" alt="">
                                                      <a href="">219</a>
                                                  </div>
                                                  <div class="col-md-4 col-4 ">
                                                      <img src="img/42.png" alt="">
                                                      <a href="">更多</a>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第二部分-->
                                      <div class="color1">
                                          <div class="nr">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""> <img src="img/color.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>coloroom彩条屋</p>
                                                          <span>热门内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          让观众苦等十年的《夏目友人账》，到底是什么？
                                                      </p>
                                                      <a href=""><img src="img/40.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">1288</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">1581</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <!--第三部分-->
                                    <div class="ms">
                                        <div class="nr mb-4">
                                            <div class="nr-1">
                                                <div class="tw">
                                                    <div class="left-1">
                                                        <a href=""> <img src="img/xiaomiao.png" alt=""></a>
                                                    </div>
                                                    <div class="right">
                                                        <p>美少女PINK酱</p>
                                                        <span>热门内容</span>
                                                    </div>
                                                </div>
                                                <div class="py">
                                                    <p class="p1">
                                                        9.9包邮的宿舍神器，好用死了！连查寝室老师都给我要链接！
                                                    </p>
                                                    <a href=""><img src="img/meishaonv.png" alt=""></a>
                                                </div>
                                            </div>
                                            <div class="gd">
                                                <div class="row">
                                                    <div class="col-md-4 col-4 x">
                                                        <img src="img/44.png" alt="">
                                                        <a href="">161</a>
                                                    </div>
                                                    <div class="col-md-4 col-4 x">
                                                        <img src="img/43.png" alt="">
                                                        <a href="">765</a>
                                                    </div>
                                                    <div class="col-md-4 col-4 ">
                                                        <img src="img/42.png" alt="">
                                                        <a href="">更多</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--第四部分-->
                                      <div class="lh">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/luhan.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>-你是我全世界喜欢的猪</p>
                                                          <span>热门内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                         有哪些适合摘抄的 文艺且悲凉的句子？
                                                      </p>
                                                      <a href=""><img src="img/wenzi.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">82</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">274</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <!--第四部分-->
                                      <div class="gcm">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href="">  <img src="img/gancunmian.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>干脆面炼金术士</p>
                                                          <span>热门内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          人生的意义，在于一天比一天活得快乐
                                                      </p>
                                                      <a href=""><img src="img/gcm.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">54</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">104</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第五部分-->
                                      <div class="zt">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/xiaotubiao.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>堆糖小喇叭</p>
                                                          <span>主题-我曾为你动过情</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          我曾为你动过情
                                                      </p>
                                                      <a href=""><img src="img/qing.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">300</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">665</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <!--第六部分-->
                                      <div class="deng">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/luhan.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>-你是我全世界上最喜欢的猪-</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          登山79所高校学生借阅排行榜的九本书
                                                      </p>
                                                      <a href=""><img src="img/paihangbang.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">59</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">151</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第七部分-->
                                      <div class="qx">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/qx.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>情写风月</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          799风景内测美化包
                                                      </p>
                                                      <a href=""><img src="img/fengyue.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">35</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">22</a>
                                                      </div>
                                                      <div class="col-md-4  col-4">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第八部分-->
                                      <div class="shen">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/shen.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>审</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          火影你的粉丝是谁 留名我去截头像！
                                                      </p>
                                                      <a href=""><img src="img/shaoman.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">9</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">1</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第九部分-->
                                      <div class="pink">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/xiaotubiao.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>美少女PINK酱</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          初春外套美炸天！！第一件闺蜜追着我要链接！
                                                      </p>
                                                      <a href=""><img src="img/pink.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">57</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">216</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十部分-->
                                      <div class="gy">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/gy.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>少女感养成学院</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          同桌的你
                                                      </p>
                                                      <a href=""><img src="img/ganyang.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">89</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">106</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十一部分-->
                                      <div class="cp">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/xiaotubiao.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>堆糖小喇叭</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          我的CP真香！
                                                      </p>
                                                      <a href=""><img src="img/cp.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">91</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">107</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十二部分-->
                                      <div class="br">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/br.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>白日做梦大熊</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          当女生太太太太不容易了
                                                      </p>
                                                      <a href=""><img src="img/bairi.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">78</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">76</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十三部分-->
                                      <div class="aq">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/luhan.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>-你是我全世界最喜欢的猪-</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                         有哪些好看 值得回味的爱情电影？
                                                      </p>
                                                      <a href=""><img src="img/aq.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">80</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href=""> 293</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十四部分-->
                                      <div class="bs">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/class.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>堆糖Class小助手</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          伴随一生的【少女感】，拥有它一点也不难
                                                      </p>
                                                      <a href=""><img src="img/zhushou.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">34</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">41</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十五部分-->
                                      <div class="fln">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/fln.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>飞乐鸟</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                         女生千万别看这些言情小说......不然会被里面的沙雕桥段给
                                                      </p>
                                                      <a href=""><img src="img/feileniao.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">68</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">63</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>

                                      <!--第十六部分-->
                                      <div class="sc">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/xiaotubiao.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>美少女PINK酱</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          7个私藏的小众APP，实用又有bigger，用过三款算我输！
                                                      </p>
                                                      <a href=""><img src="img/sicang.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">139</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">461</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <!--第十七部分-->
                                      <div class="zg">
                                          <div class="nr mb-4">
                                              <div class="nr-1">
                                                  <div class="tw">
                                                      <div class="left-1">
                                                          <a href=""><img src="img/luhan.png" alt=""></a>
                                                      </div>
                                                      <div class="right">
                                                          <p>-你是我全世界最喜欢的猪-</p>
                                                          <span>热点内容</span>
                                                      </div>
                                                  </div>
                                                  <div class="py">
                                                      <p class="p1">
                                                          中国最全的拔玄，击玄类乐器合集 种类十分多 涨姿势了
                                                      </p>
                                                      <a href=""><img src="img/xuan.png" alt=""></a>
                                                  </div>
                                              </div>
                                              <div class="gd">
                                                  <div class="row">
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/44.png" alt="">
                                                          <a href="">42</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 x">
                                                          <img src="img/43.png" alt="">
                                                          <a href="">71</a>
                                                      </div>
                                                      <div class="col-md-4 col-4 ">
                                                          <img src="img/42.png" alt="">
                                                          <a href="">更多</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <!--第十八部分-->
                                      <div class="ck">
                                          <a href="">查看更多<img src="img/fenjiantou.png"/></a>
                                      </div>




                                  </div>
                              </div>
                          </div>
                       <div class="col-md-3 col-12">
                          <div class="tj mb-4">
                              <div class="gx">
                                  <span>推荐关注</span>
                                  <span>换一批</span>
                              </div>
                              <div class="care">
                                  <div class="yi mb-4">
                                       <div class="img1">
                                           <img src="img/yi.png " alt="">

                                       </div>
                                        <div class="sy">
                                            <p>
                                                一望损莓台
                                            </p>
                                            <span>擅长领域：手工，园艺</span>
                                        </div>
                                        <div class="a1">
                                            <a href="">关注</a>
                                        </div>
                                    </div>

                                  <div class="yi mb-4">
                                      <div class="img1">
                                          <img src="img/maotouying.png " alt="">

                                      </div>
                                      <div class="sy">
                                          <p>
                                              猫头鹰叔叔
                                          </p>
                                          <span>擅长领域：摄影</span>
                                      </div>
                                      <div class="a1">
                                          <a href="">关注</a>
                                      </div>
                                  </div>

                                  <div class="yi mb-4">
                                      <div class="img1">
                                          <img src="img/tuzhiyu.png " alt="">

                                      </div>
                                      <div class="sy">
                                          <p>
                                              兔子鱼
                                          </p>
                                          <span>擅长领域：摄影</span>
                                      </div>
                                      <div class="a1">
                                          <a href="">关注</a>
                                      </div>
                                  </div>

                                  <div class="yi mb-4">
                                      <div class="img1">
                                          <img src="img/xiaoxiongnai.png " alt="">

                                      </div>
                                      <div class="sy">
                                          <p>
                                              小熊奶黄包
                                          </p>
                                          <span>擅长领域：壁纸，Q版</span>
                                      </div>
                                      <div class="a1">
                                          <a href="">关注</a>
                                      </div>
                                  </div>

                              </div>

                              <div class="ck-1">
                                  <a href="">查看更多<img src="img/jt.png"/></a>
                              </div>
                          </div>

                           <div class="img-3">
                               <img src="img/xiazai.png" alt="">
                           </div>
                       </div>
                        </div>

                   </div>
               </div>
                </div>
        </section>
        <!--底部-->
        <footer>
            <div class="container">
                <div class="app mb-5">
                    <div class="row">
                        <div class="col-md-3 xian">
                            <h4>APP下载</h4>
                            <img src="img/erweima.png" alt="">
                            <p>扫描二维码</p>
                            <p>下载堆糖手机客户端</p>
                        </div>
                        <div class="col-md-3">
                            <ul>
                                <h4>关于我们</h4>
                                <li><a href="">关于我们</a></li>
                                <li><a href="">加入我们</a></li>
                                <li><a href="">联系我们</a></li>
                                <li><a href="">商务合作</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul>
                                <h4>关注我们</h4>
                                <li><a href="">新浪微博</a></li>
                                <li><a href="">微信公众号</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul>
                                <h4>友情链接</h4>
                                <li class="li-1"><a href="">爱物网</a><a href="">东方女性网</a></li>
                                <li class="li-2"><a href="">肉丁网</a><a href="">更多..</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="sh mb-5">
                   <div class="row">
                       <div class="col-12">
                           <p>
                               ©2019 duitang.com 版权所有。沪ICP备10038086号-3 <img src="img/footer-1.png" alt=""><img src="img/footer-2.png" alt="">|增值电信业务经营许可证：沪B2-20180610自营经营者信息<br/>
                               <img src="img/footer-3.png" alt="">上海市互联网违法和不良信息举报中心 有害内容举报电话：021-63462282
                           </p>
                       </div>
                   </div>
                </div>
            </div>
        </footer>
       <!-- <div id="toTop">
            ↑
        </div>-->
        <script>
            var toTop = document.querySelector("#toTop");
            window.onscroll = function(){
                if(document.documentElement.scrollTop > 500){
                    toTop.style.display = 'block';
                }else{
                    toTop.style.display = 'none';
                }
            };
            toTop.addEventListener('click',function(){
               window.scrollTo({
                   top:0,
                    behavior:'smooth'
               });
            });
        </script>










        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
        </body>
        </html>